<template>
    <div class="all">
        <!--    <img alt="Vue logo" src="../assets/logo.png">-->
        <HelloWorld msg="Welcome to Your Vue.js App"/>
        <div class="IT">I.T</div>
        <!--    <div class="welcome_hone">WELCOME</div>-->
        <div class="form">
            <el-form ref="form" :model="form" label-width="80px" :rules="rules" class="demo-ruleForm">

                <el-form-item label="账号" prop="name">

                    <el-input v-model="form.name" prefix-icon="el-icon-user-solid" ></el-input>
                </el-form-item>

                <el-form-item label="密码" prop="password">
                    <el-input v-model="form.password" prefix-icon="el-icon-s-goods" type="password"></el-input>
                </el-form-item>

                <el-form-item>
                    <el-button  @click="onSubmit" type="info">登陆</el-button>
                    <el-button @click="onRegister" >注册</el-button>

                    <el-button @click="onboss">管理员登陆</el-button>
                </el-form-item>
            </el-form>
        </div>


    </div>

</template>

<script>

    // @ is an alias to /src
    import HelloWorld from '@/components/HelloWorld.vue'

    export default {
        name: 'Home',
        data() {
            return {
                // vaild:'false',
                form: {
                    name: '',
                    password: ''
                },
                form_suer:false,
                rules: {
                    name: [
                        { required: true, message: '请填写账号', trigger: 'blur' },
                        { min: 5, max: 15, message: '长度在 5 到 15 个字符', trigger: 'blur' }
                    ],
                    password: [
                        { min: 1, max: 100, message: '', trigger: 'blur' },
                        { required: true, message: '请填写密码', trigger: 'blur' },
                    ]

                }

            }

        },
        methods: {
            onSubmit() {

                if(this.form.name != '' && this.form.password != ''){
                    this.$axios.post(
                        'UserController/checkupdate',
                        this.$qs.stringify(
                            {'form':this.form}
                        )
                    ).then(reponse=>{
                        if(reponse.data === "yes"){
                            this.$notify({
                                title: '成功',
                                message: '登陆成功',
                                type: 'success'
                            });
                            this.$router.push({path:"/Index",
                                query:{
                                    name:this.form.name
                                }}

                            );

                        }
                        else if(reponse.data === "die") {
                            // this.$alert('请重新填写', '账号或密码错误', {
                            //   confirmButtonText: '确定',
                            //
                            // });
                            this.$notify.error({
                                title: '错误',
                                message: '这个账号已经被禁用，请联系工作人员'
                            });
                            this.$alert('这个账号已经被禁用，请联系工作人员', '错误', {
                                confirmButtonText: '确定',
                                type:"error"
                            });}
                        if(reponse.data === "no") {
                            // this.$alert('请重新填写', '账号或密码错误', {
                            //   confirmButtonText: '确定',
                            //
                            // });
                            this.$notify.error({
                                title: '错误',
                                message: '账号或密码错误，请重新填写'
                            });
                            this.$alert('请重新登录', '登陆失败', {
                                confirmButtonText: '确定',
                                type: "error"
                            });


                        }
                    }).catch(error=>{

                    })
                }
                else {
                    // this.$alert('请重新填写', '不能输入空的账号密码', {
                    //   confirmButtonText: '确定',
                    //
                    // });
                    this.$notify({
                        title: '警告',
                        message: '不要提交空值',
                        type: 'warning'
                    });
                }


            },
            onRegister(){
                this.$router.push({path:'/Register'});

            },
            onboss(){
                if(this.form.name != '' && this.form.password != ''){
                    this.$axios.post(
                        "AdminController/selectadmin",
                        this.$qs.stringify(
                            {'form':this.form}
                        )
                    ).then(reponse=>{
                        if(reponse.data === "yes"){
                            this.$notify({
                                title: '成功',
                                message: '登陆成功',
                                type: 'success',
                                position:"bottom-right"


                            });
                            this.$alert('登陆成功', '登陆成功', {
                                confirmButtonText: '确定',
                                type: "success"
                            }
                            );

                            this.$router.push({path:"/BossLogin",
                                query:{
                                    name:this.form.name
                                }}

                            );

                        }
                        else {

                            this.$notify.error({
                                title: '错误',
                                message: '账号或密码错误，请重新填写'
                            });
                            this.$alert('请重新登录', '登陆失败', {
                                confirmButtonText: '确定',
                                type:"error"
                            });


                        }
                    }).catch(error=>{

                    })
                }
                else {
                    // this.$alert('请重新填写', '不能输入空的账号密码', {
                    //   confirmButtonText: '确定',
                    //
                    // });
                    this.$notify({
                        title: '警告',
                        message: '不要提交空值',
                        type: 'warning'
                    });
                }
            }
        },
        components: {
            HelloWorld
        }
    }

</script>
<style scoped>
    @import "../css/Home.css";
</style>